<template>
	<view>
		<view style="padding: 40rpx;">
			<view class="problem">
				9. 以三年的期限来说，您希望您的投资？
			</view>
			<view class="choice"  v-for="item in choices" :key="item.name">
				<view class="choice1" @tap='go'>
					{{item.name}}
				</view>
			</view>
			<view class="progressBar">
				<view class="progressBarBox">
					<view class="progressBarBox1" ></view>
				</view>
				<view class="progressBarText">
					9/10
				</view>
			</view>
		</view>
		<view class="tips">
			温馨提示：填写进行测评问卷时，请您确保选项真实、准确、完整和有效可靠。如问卷中存在欺诈、隐瞒或有其他不实陈述而导致问卷结果与投资实际情况不符，甚至出现投资亏损等情况，本平台及合作机构不承担任何责任。
		</view>
	</view>
	
</template>

<script scoped>
	export default{
		data(){
			return{
				choices:[
					{name:'a.超越股市整体增长30%以上'},
					{name:'b.超越股市整体增长10-30%'},
					{name:'c.与股市保持同步增长'},
					{name:'d.略微滞后股市的整体增长'},
					{name:'e.无所谓'}
					],
			}
		},methods:{
			go(){
				uni.redirectTo({
					url:"./evaluation10"
				})
			}
			}
	}
</script>

<style scoped>
	.problem{
		font-size: 32rpx;
		
	}
	.choice{
		margin-top: 40rpx;
	}
	.choice .choice1{
		border-top: 2rpx solid #F0F0F0;
		padding-top:40rpx;
		font-size: 28rpx;
		color: #666666;
	}
	.progressBar{
		margin-top: 290rpx;
	}
	.progressBar .progressBarBox{
		width: 100%;
		height: 8rpx;
		background-color: #cccccc;
	}
	.progressBar .progressBarBox .progressBarBox1{
		width: 90%;
		height: 8rpx;
		background-color: #3476f1;
	}
	.progressBar .progressBarText{
		margin-top: 20rpx;
		color: #888888;
		text-align: center;
	}
	.tips{
		height: 300rpx;
		padding:40rpx;
		background-color: #f3f3f3;
		font-size: 24rpx;
		color: #888888;
		line-height: 36rpx;
	}
</style>





